<template>
  <div class="content">
<!--    <img src="@/assets/home/26.jpg" alt="">-->
<!--    <div class="code">-->
<!--      <img :src="mineInfo[4].value" alt="" v-if="mineInfo[4].value!=''">-->
<!--      <div class="tips" v-if="mineInfo[4].desc!=''">-->
<!--        {{mineInfo[4].desc}}-->
<!--      </div>-->
<!--    </div>-->
    <div class="about">
      <div class="title">关于我们 \ 网站地图</div>
      <div class="one">
        <div class="copyright" v-if="mineInfo[0].value!=''">版权所有：{{mineInfo[0].value}}</div>
        <div class="number" v-if="mineInfo[1].value!=''">{{mineInfo[1].desc}}：{{mineInfo[1].value}}</div>
      </div>
      <div class="two">
        <div class="address" v-if="mineInfo[6].value!=''">{{mineInfo[6].desc}}：{{mineInfo[6].value}}</div>
        <div class="iphone" v-if="mineInfo[7].value!=''">{{mineInfo[7].desc}}：{{mineInfo[7].value}}</div>
        <div class="postcode" v-if="mineInfo[5].value!=''">{{mineInfo[5].desc}}：{{mineInfo[5].value}}</div>
      </div>
    </div>
  </div>
</template>

<script>
import {getSystemConfigDataApi} from "@/api/spotlight";

export default {
  name: "Bottom",
  data (){
    return{
      mineInfo:[{
        desc:"公司名称",
        id:1,
        key:"company",
        value:"酒泉市妇女联合会",
      },
        {
          desc:"公司名称",
          id:2,
          key:"company",
          value:"甘肃省海威实创信息科技有限责任公司",
        },
        {
          desc:"公司名称",
          id:3,
          key:"company",
          value:"甘肃省海威实创信息科技有限责任公司",
        },
        {
          desc:"公司名称",
          id:4,
          key:"company",
          value:"甘肃省海威实创信息科技有限责任公司",
        },
        {
          desc:"公司名称",
          id:5,
          key:"company",
          value:"甘肃省海威实创信息科技有限责任公司",
        },{
          desc:"公司名称",
          id:6,
          key:"company",
          value:"甘肃省海威实创信息科技有限责任公司",
        },
        {
          desc:"公司名称",
          id:7,
          key:"company",
          value:"甘肃省海威实创信息科技有限责任公司",
        },
        {
          desc:"公司名称",
          id:8,
          key:"company",
          value:"甘肃省海威实创信息科技有限责任公司",
        }]
    }
  },
  methods:{
    //获取页脚“联系我们”或“备案信息”
    getSystemConfigData() {
      getSystemConfigDataApi( {type:0}).then((res) => {
        this.mineInfo = res.result;
      }).catch((res) => {
        console.log(res)
      })
    },
  },
  mounted() {
    this.getSystemConfigData()
  }
}
</script>

<style scoped lang="scss">
.content{
  width: 100%;
  height: 200px;
  background: url("~@/assets/home/26.png") no-repeat;
  background-size: cover;
  .code{
    width: 1220px;
    margin: 20px auto 0;
    padding: 10px 0 0 1000px;
    img{
      width: 100px;
      height: 100px;
    }
    .tips{
      width: 100px;
      text-align: center;
      color: #949494;
    }
  }
  .about{
    width: 1220px;
    margin-top: 70px;
   margin-left: 20%;

    .title{
      font-weight: 900;
      font-size: 17px;
    }
    .one{
      display: flex;
      margin-top: 10px;
      color: #949494;
      .copyright{
        margin-right: 30px;
      }
    }
    .two{
      display: flex;
      color: #949494;
      margin: 10px 0 50px 0;
      .address{
        margin-right: 20px;
      }
      .iphone{
        margin-right: 30px;
      }

    }
  }
}
</style>
